// index.js
// 获取应用实例
const app = getApp()

Page({
  data: {
    background: ['demo-text-1', 'demo-text-2', 'demo-text-3'],
    indicatorDots: true,
    vertical: false,
    autoplay: false,
    interval: 2000,
    duration: 500,
    banners:[],
    navHeight: '',
    statusBarHeight: 0, // 状态栏高度
    searchMarginTop: 0, // 搜索框上边距
    searchWidth: 0, // 搜索框宽度
    searchHeight: 0, // 搜索框高度
    Labels:[],
    news:[],
    newsIndex:0,
    newTimer:0

  },
  // 事件处理函数
  bindViewTap() {
    wx.navigateTo({
      url: '../logs/logs'
    })
  },
  //获取轮播图
  getBanners(){
    wx.request({
      url: 'https://obuge.com/juzao/index/banners',
      success: (res) => {
        console.log(res,res.data)
        this.setData({
            banners:res.data
             })
            }
          })
        },

  //   let timer = setTimeout(()=>{
  //     //ajax获取数据
      
  //     let banners = [
  //       {
  //         id:1,
  //         img:'/pages/index/img/ppp.png',
  //         Path:''
  //       },
  //       {
  //         id:2,
  //         img:'/pages/index/img/ppp.png',
  //         Path:''
  //       },
  //       {
  //         id:3,
  //         img:'/pages/index/img/ppp.png',
  //         Path:''
  //       }
  //     ]
  //     this.setData({
  //       banners
  //     })
  //   },3000)
  // },
  
//品牌
// getIcon(){
//   wx.request({
//     url: 'https://obuge.com/juzao/index/banners',
//     success: (res) => {
//       console.log(res,res.data)
//       this.setData({
//           Icon:res.data
//            })
//           }
//         })
// },

  //轮播图跳转事件
   getLabel(){//
     let timer = setTimeout(()=>{
     
       //ajax获取数据
      let Labels = [
        {
          id:1,
          img:'/pages/index/img/one.png',
          Path:''
        },
        {
          id:2,
          img:'/pages/index/img/two.png',
          Path:''
        },
        {
          id:3,
          img:'/pages/index/img/three.png',
          Path:''
        },
        {
          id:4,
          img:'/pages/index/img/four.png',
          Path:''
        }
      ]
      this.setData({
        Labels
      })
    },3000)
  },    

  getNews(callback){//获取轮播图           
    let timer = setTimeout(()=>{
      //ajax获取数据
 
      let news = [
        {
          id:1,
          title:'简雅新中式，极致的东方惊艳！'

        },
        {
          id:2,
          title:'进口skm家具，好东西，好东西'
        },
        {
          id:3,
          title:'还和嗨嗨hi阿hi哈嗨嗨嗨啊'

        },
        {
          id:4,
          title:'牛逼牛逼牛逼牛逼牛逼牛逼牛逼'

        }

      ]
      newItems:'transform: translate(0rpx, 0rpx);transition: transform 0.5s;'
      this.setData({
        news
      })
      this.changeNewIndex()
      if(typeof callback == 'function') callback()
    },3000)

  },
  changeNewIndex(){ 
    if(this.data.newsTimer){
      clearInterval(this.data.newsTimer)
      this.data.newsTimer = 0
    }
   this.data.newsTimer = setInterval(()=>{
      let newsIndex = this.data.newsIndex
      newsIndex++
      console.log(this.data.news)
      // if(newsIndex == this.data.news.length) newsIndex = 0
      
      // console.log(newsIndex)
      this.setData({
        newsIndex,
        newItems:'transform: translate(0rpx,-'+newsIndex*80+'rpx);transition: transform 0.5s;'
        })
      if(newsIndex == 4){
        setTimeout(()=>{
         this.setData({
          newsIndex:0,
          newItems:'transform: translate(0rpx, 0rpx);'
          })
        }, 600)
      }
      }, 3000)
    },
  
  onPullDownRefresh(){
    this.getBanners()//获取轮播图
    this.getNews(()=>{
      console.log('回调成功');
      wx.stopPullDownRefresh()
    })

  },

  onLoad() {
    this.getLabel()
    this.getBanners()//获取轮播图
    this.getNews()
    let menuButtonInfo = wx.getMenuButtonBoundingClientRect()
    const { top, width, height, right } = menuButtonInfo
    wx.getSystemInfo({
      success: (res) => {
        const { statusBarHeight } = res
        const margin = top - statusBarHeight
        this.setData({
          statusBarHeight: statusBarHeight,
          navHeight: (height + statusBarHeight + (margin * 2)),
          searchMarginTop: statusBarHeight + margin, // 状态栏 + 胶囊按钮边距
          searchHeight: height,  // 与胶囊按钮同高
          searchWidth: right - width - 100 // 胶囊按钮右边坐标 - 胶囊按钮宽度 = 按钮左边可使用宽度，再减去30两边间距
        })
      },
    })
    if (wx.getUserProfile) {
      this.setData({
        canIUseGetUserProfile: true
      })
    }
  },

  getUserProfile(e) {
    // 推荐使用wx.getUserProfile获取用户信息，开发者每次通过该接口获取用户个人信息均需用户确认，开发者妥善保管用户快速填写的头像昵称，避免重复弹窗
    wx.getUserProfile({
      desc: '展示用户信息', // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写
      success: (res) => {
        console.log(res)
        this.setData({
          userInfo: res.userInfo,
          hasUserInfo: true
        })
      }
    })
  },
  getUserInfo(e) {
    // 不推荐使用getUserInfo获取用户信息，预计自2021年4月13日起，getUserInfo将不再弹出弹窗，并直接返回匿名的用户个人信息
    console.log(e)
    this.setData({
      userInfo: e.detail.userInfo,
      hasUserInfo: true
    })
  }
})
